<template>
  <div class="Personal">
    <el-descriptions title="用户详情">
      <el-descriptions-item label="名称">{{ UserData.nick }}</el-descriptions-item>
      <el-descriptions-item label="电话号码">{{ UserData.phone }}</el-descriptions-item>
      <el-descriptions-item label="学校">{{ UserData.school }}</el-descriptions-item>
      <el-descriptions-item label="余额">
        <el-tag size="small">{{ UserData.money }}</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="个性签名">{{ UserData.sign }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>
<script setup>
import { ref, reactive } from "vue"
import { ID } from '../../ApI/function/Home'
const UserData = ref('')
const id = localStorage.getItem("id")
const  UserDataaxios= () =>{
  ID({id:id}).then((res) => {
      console.log(res);
      UserData.value = res.data
    })
}
UserDataaxios()
</script>

<style scoped>
.Personal {
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
}
</style>